import React, { memo } from "react";
import { NOTFOUNDContainer } from "./style";
const NOTFOUND = memo(() => {
  return (
    <NOTFOUNDContainer>
      <div className="access">
        <div className="Illegal">
          <h1>404</h1>
          <h4>┗|｀O′|┛ 嗷~~找不到了~</h4>
        </div>
        <div className="moon">
          <div className="crater"></div>
        </div>

        <div className="footprints">
          <span></span>
          <span></span>
          <span></span>
        </div>

        <div className="astronaut">
          <div className="backpack"></div>
          <div className="head">
            <div className="helmet"></div>
          </div>

          <div className="neck"></div>

          <div className="body"></div>

          <div className="arm right">
            <div className="top"></div>
            <div className="bot"></div>
            <div className="hand"></div>
          </div>

          <div className="arm left">
            <div className="top"></div>
            <div className="bot"></div>
            <div className="hand"></div>
          </div>

          <div className="leg right">
            <div className="top"></div>
            <div className="bot"></div>
            <div className="foot"></div>
          </div>

          <div className="leg left">
            <div className="top"></div>
            <div className="bot"></div>
            <div className="foot"></div>
          </div>
        </div>
      </div>
    </NOTFOUNDContainer>
  );
});

export default NOTFOUND;
